<template>
  <div>
    <h1>filter传参</h1>
    <p>翻转数组</p>
    <span>{{str | reverse('|')}}</span>

    <h2>{{info | toUpperCase('|')}}</h2>
  </div>
</template>

<script>
// 过滤器括号里面可传递参数，但需要用引号包裹
// 
export default {
  data () {
    return {
      str: 'yellow',
      info: 'abcd'
    }
  },
  filters: {
    toUpperCase (val) {
      return val.toUpperCase()
    }
  }
}
</script>

<style>
</style>